<template>
  <div id="Header">
  <logo></logo>
  <catagory></catagory>
  <underline id="underline"></underline>
  </div>
</template>

<script>
import catagory from "@/components/HeaderComponents/catagory";
import logo from "@/components/HeaderComponents/logo";
import underline from "@/components/HeaderComponents/underline";
export default {
  name: "Header",
  components:{
    catagory,
    logo,
    underline,
  }
}
</script>

<style scoped>
#Header{
  display: flex;
  flex-wrap: wrap;
}
</style>
